<!DOCTYPE html>cnp
<html>  
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>公会活动</title>
        <link rel="stylesheet" href="./style/header.css">
        <style>
            .title{padding: 65px 0;text-align: center;background: url('./images/back1.jpg') no-repeat 50% 0;background-size: 175px;}
            .title span{border-bottom: 5px solid red;display: inline-block;}
            
            .content{margin-top: 20px;overflow: hidden;}
            /* .left,.middle,.right{float: left;width: 30%;} */
            .act{width: 100%; margin-bottom: 40px;overflow: hidden}
            .act img{float: left;width: 40%;max-height: 217px;}
            .act .cont{float: left;width: 57%;}
            .act1{width: 100%; margin-bottom: 40px;overflow: hidden}
            .act1 img{float: right;width: 40%;max-height: 217px;}
            .act1 .cont{float: right;width: 57%;}
            /* .cont{width: 90%;margin: 0 auto;padding-bottom: 40px;color: #000;letter-spacing: 1px;} */
            /* .middle,.right{margin-left: 5%;}
            .content img{width: 100%;border-bottom: 5px solid red;padding-bottom: 5px;height: 200px;} */
            .cont h1{margin-top: 15px;}
            .cont p{text-indent:2em; margin: 15px 0;line-height: 1.4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
            .cont h3{margin-top: 15px;text-indent: 1.5em;background: url('./images/logo.png') no-repeat 0 4px;background-size: 1em;font-weight: normal;}
            .cont a{color: #9b1839;padding-right: 2em;text-decoration: underline;background: url('./images/detail.png') no-repeat 2.5em 1px;background-size: 1em;}
            @media screen and (max-width: 750px){
                .content p{width: 100%;}
                .content div img{width: 100%;}
                .left,.middle,.right{width: 100%;margin-left: 0;}
                .cont{width: 100% !important;margin-left:0 !important;}
                .actimage{margin-left:0 !important;}
            }
            @media screen and (max-width: 375px){
                .title{padding: 45px 0;background-size: 125px;font-size: 25px;}
                .act1 .cont{float: left;}
            }
            
        </style>
    </head>
    <body>
        <div class="container">
            <div id="headfill" class="headfill"></div>
            <div class="header" id="header">
                <!-- 头部js加载 -->
            </div>
            <h1 class="title"><span>公会活动</span></h1>
            <div class="content">
                <div class="act">
                    <img src="./images/bossrun.jpg" alt="图片">
                    <div class="cont" style="margin-left: 3%;">
                        <h3>最新公告</h3>
                        <h1>BossRun</h1>
                        <p>11月5日，上海最具活力的股权投资社群LP公会有幸参与了2017 Boss Run总裁跑接力邀请赛（上海站）。<br />
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;这支由各不相同的投资人组成的队伍，却为了同一份公益的情结来到了Boss Run的赛场。在LP公会CEO薛庆先生的带领下，这支队伍面对种种障碍，用他们带领企业砥砺前行的态度，不言放弃、敢于拼搏，最终取得了第五名的好成绩。 </p>
                        <a href="./activitydetailnew">详情</a>
                    </div>
                </div>
                <div class="act1">
                    <img class="actimage" style="margin-left: 3%;" src="./images/w1.jpg" alt="图片">
                    <div class="cont">
                        <h3>精彩回顾</h3>
                        <h1>武林大会</h1>
                        <p>这是上海滩难得的一场金融盛宴，2017年12月16日200多位资本大鳄齐聚上海国宾馆——西郊宾馆，100多位LP,总资产超过1000亿人民币，70余位基金合伙人，基金总额超过5万亿人民币，同时上海市科委，市人社，上海交通大学，复旦大学，同济大学，上海大学等高校领导也受邀出席。</p>
                        <a href="./activitydetail">详情</a>
                    </div>
                   
                </div>
                <!-- <div class="middle">
                    <img src="./images/act1.jpg" alt="图片">
                    <div class="cont">
                        <h3>精彩回顾</h3>
                        <h1>大标题</h1>
                        <p>士大夫士大夫撒开户数大幅恐慌可是对方会斯达克警方和深刻搭街坊哈科技时代饭卡上的付款啦哈士大夫落实到反扒</p>
                        <a href="">详情</a>
                    </div>
                </div>
                <div class="right">
                    <img src="./images/act1.jpg" alt="图片">
                    <div class="cont">
                        <h3>预告</h3>
                        <h1>大标题</h1>
                        <p>士大夫士大夫撒开户数大幅恐慌可是对方会斯达克警方和深刻搭街坊哈科技时代饭卡上的付款啦哈士大夫落实到反扒</p>
                        <a href="">详情</a>
                    </div>
                </div> -->
            </div>
        </div>
    </body>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/header.js"></script>
    <script>
        $('#header').children().remove();
        $('#header').append(headerstr);
        mouseover(3);
    </script>
</html>